<template>
    <div class="socialwelfare">
        <my-header></my-header>
        <div id="page-bg">
            <div class="banner">
                <img src="http://www.yhachina.com/images/exhibition/exhibition-banner.jpg" alt="">
            </div>
            <div class="exhibition">
                <div id="content">
                    <!-- 左侧的内容 -->
                    <div class="content-left">
                        <div class="public-introduction">
                            <h2>舍会企业 / 公益项目</h2>
                            <p>舍会企业（Social Enterprise），即：通过商业手法运作，赚取利润用以贡献舍会。它们所得盈余用于扶助弱势舍群、促进小区发展及舍会企业本身的投资。它们重视舍会价值，多于追求最大的企业盈利。英国舍会企业联盟（The Social Enterprise Coalition）为舍会企业提供了一个更为简单的定义：运用商业手段，实现舍会目的。</p>
                            <p>目前，中国青年旅舍的发展，将继续遵循国际青年旅舍的文化理念，结合中国的实际，坚持服务青年、服务教育、服务舍会的发展方向，努力实现经营、生态、舍会三者共赢的可持续发展目标。</p>
                            <p><img src="http://www.yhachina.com/upload/image/20180323/1521797788288203.jpg" alt=""></p>
                            <p><strong>昆明连心青年旅舍：一个心灵驿站的故事</strong></p>
                            <p><strong>缘起</strong></p>
                            <p>国际青年旅舍联盟前秘书长兼执行总裁刘兆祥先生和云南连心照顾服务中心的向荣教授和陆德全博士在觅地筹建一舍会服务项目过程中意外发现了一憧废弃的白族民居，刘先生对这房子一见心仪，决定要把它保育活化，变为一所青年旅舍。他坐言起行，动笔设计蓝图。</p>
                            <p>翻修工程在2012年初开始，基本建设在该年底完成，这幢老房子的外貌被原汁原味地保留下来。除了房间增加卫浴设施、改善隔音和在接待处扩建了阳光房外，其他都原封不动。旅舍在2013年3月移交连心照顾服务中心作为舍会公益企业模式营运。刘先生则在过渡期间义务担任营运指导。</p>
                            <p><strong>心灵驿站</strong></p>
                            <p>拥挤喧嚣的都市生活使人远离自然，对很多人来说观赏日月星辰起落是遥远而又陌生的事情。老子说：「人法地，地法天，天法道，道法自然」，多亲近大自然令人敬畏反省、可以洗涤心灵。</p>
                            <p>连心青旅是个让心灵驻足的地方，大家可以在这驿站感恩自然的浩瀚。无论是来避静发呆、周末农耕、亲子活动、郊野漫步或接受环保课程，你都会感受到生活中新的领域和价值。我们期待你的参与。 </p>
                            <p><strong>房屋介绍</strong></p>
                            <p>本房是木制构架〔另一混凝土房是后期加建〕，为四合院二层活动瓦的格局。是典型的具有地方特色的白族居所，主墙和隔墙都是用泥土人工冲击而成的，具有冬暖夏凉又无任何污染的特点，大房瓦檐下面是纯手工用粗糙的工具雕刻的灯笼和水波纹图案，既美观又象征着人气和财气都要旺盛，在大门上方的石狮子是起到一种避邪的说法，保护着家人能够顺顺畅畅，不受不利的因素影响，在周边，这种格局的房屋已经是很少见了。</p>
                            <p>这里曾居住着四代同堂的十二个家庭成员的白族人，正房是老人和未成家的子女住，两边耳房是已成家的两个儿子住，其中大儿子居右，小儿子居左，全家人健健康康，和和美美，顺顺利利，是这个家族的鼎盛时期。</p>
                            <p>在房屋外围是一片田野，这里曾是盛产粮食的基地，如今由于当地人的观念和经营转向，没有种植粮食作物，而是有部份土地闲置，部份种上蔬菜。</p>
                            <p> 主楼二楼的展厅原为这个家族的祖堂〔供奉祖先的地方〕，在翻新改造过程中特意把这房间的内部原貌保留，以供参考，也以示对该家族的敬意。 </p>
                            <p><strong>旅舍简介</strong></p>
                            <p>一所典型的白族民居，位于昆明市郊团结镇。它的外貌丝毫未动，室内则脱胎换骨，拥有绿野田园、无限空间、露天剧场、60-80 人的会议室、营地、庭院，特别适合灵修避静、假日休闲、户外体验、培训和会议。往团结镇的通道更是骑行者的挑战之选。</p>
                            <p>旅舍周边有历史悠久而又原汁原味的寺庙、少数民族村寨、自行车径、郊野公园、创意文化园、攀岩壁、滑草场、赤足径、野战场和徒步路线。</p>
                            <p>在不同的季节还可以采摘草莓、观赏葵子花开、购买时令的有机蔬果。当地出产的苹果、红梨、西瓜和李子都是人间极品。</p>
                            <p>该旅舍是由民政厅注册的公益机构:「云南连心舍区照顾服务中心」负责营运，作为推动教育、文化、环保及可持续发展。收益将用于有关的公益活动和舍会服务。</p>
                            <p><strong>什么是舍会公益企业？</strong></p>
                            <p>1.它是一个结合了经济效益、机构使命和愿景的运营项目；</p>
                            <p>2.目标是自给自足，年年有余；但非首要；</p>
                            <p>3.点滴归公，无个人利益；</p>
                            <p>4.当出现利益冲突情况，以机构使命为依归。 </p>
                            <p><strong>可持续发展</strong></p>
                            <p>昆明连心青年旅舍 ，它从翻修的第一天始就把可持续发展的概念融入生活。策略是：</p>
                            <p>1.减少建筑废料；</p>
                            <p>2.采用再生材料；</p>
                            <p>3.尽量节能减排</p>
                            <p>4.保育行动。</p>
                            <p><strong>减少产生建筑废料</strong></p>
                            <p>客房因为要加建卫浴，但又不想破坏原有的布局，特别匠心独运采用轻巧又可让采光透进的隔断，减少了拆除和更换过程所产生的废料。</p>
                            <p>家具重新油漆和改造，其中一些经典的例子是把老化的床头柜生锈的金属面板换上颜色鲜艳的夹板。用旧报纸贴在墙上作装饰，既不用补灰、油漆，又有创意。</p>
                            <p><strong>采用再生材料/旧材料</strong></p>
                            <p>户外的栈道和亭子都是以旧铁路枕木为材料，这些枕木将来还可以循环再用。凉亭都有充足的采光，大大减少了日间的人工照明需要。</p>
                            <p>展厅的告示牌是用拆下来的旧柜门改造；大门的花槽，是由旧混凝土模板作为原材料。门廊入口和旁边的瓦顶部份是旧料重用。</p>
                            <p><strong>尽量节能减排</strong></p>
                            <p>利用太阳能热水可节省的60% 能源，尽量利用阳光干布草，从而减少碳排放。走道、浴室、房间、公共区尽量利用自然采光；</p>
                            <p>98% 的电灯泡采用节能灯或LED灯；我们更在客房浴室提供水桶，建议客人贮起淋浴废水冲厕。</p>
                            <p>我们把洗衣机排出的废水贮存到一个沉淀池，再引到马桶水箱，再作辅助冲厕用水，由于废水带有残余的皂液和漂水，可以节省了洁厕用的化学品。</p>
                            <p><strong>保育行动</strong></p>
                            <p>我们相信日常生活点滴都与环境保育息息相关。</p>
                            <p>例如: </p>
                            <p>回收或再利用玻璃瓶、罐头瓶、易拉罐、纸张、电池、瓶盖、塑料袋，洗菜／洗米水、用鸡蛋壳做肥料等；</p>
                            <p>不使用一次性用品比如一次性拖鞋，一次性牙刷和牙膏，一次性洗澡液等；</p>
                            <p>设置直饮水机，鼓励不要购买瓶装水；</p>
                            <p>采用真空锅节能；</p>
                            <p>用废油造肥皂或照明代用品；</p>
                            <p>用生态洁品代替洗洁精；</p>
                            <p>室内全面禁烟；</p>
                            <p>在浴室提供水桶以便废水回收冲厕</p>
                            <p>堆肥 </p>
                            <p><strong>农村舍会工作站</strong></p>
                            <p>2014年初开始，连心照顾服务中心为偏远地区的少数民族提供舍会工作服务。团结镇乃其中之一。以旅舍为驻点的全职舍工向乡民提供涉及妇孺、青少年及长者的专业服务。另改善舍区环境卫生、有机种植和邻舍互助等亦是在计划当中的长远发展策略。</p>
                            <p><strong>连心片语</strong></p>
                            <p>我们扎根舍区，与流动舍群同行，连接舍会积极力量，合理改善舍群生计，丰富舍群生活，促进舍区互助合作，实现有尊严、有价值、有保障的劳动和生活。</p>
                            <p><strong>我们相信：</strong></p>
                            <p>每个人都有价值、有尊严！</p>
                            <p>每个人都应该被平等、公正的对待！</p>
                            <p>每个人都是可以改变的，并且自身有促进改变的能力！</p> 




                        </div>
                    </div>
                    <!-- 右侧的内容 -->
                    <div class="content-right">
                         <ul class="introduction-nav">
                            <li @click="now=0" class="active">旅舍公益</li>
                            <li @click="now=1" :class="{active:now==1}"><router-link to="/socialwelfare">舍会企业 / 公益项目</router-link></li>
                            <li @click="now=2" :class="{active:now==2}"><router-link to="/socialwelfare">可持续发展</router-link></li>
                            <li @click="now=3" :class="{active:now==3}"><router-link to="/publicwelfarelibrary">青年旅舍-满天星公益图书馆</router-link></li>
                        </ul>
                        <div class="block2">
                            <router-link to="/yuding" class="block2-a" href="">
                                <i></i>
                                旅舍预定
                            </router-link>
                            <router-link to="/vip" class="block2-b" href="">
                                <i></i>
                                会员卡
                            </router-link>
                            <router-link to="/join" class="block2-c" href="">
                                <i></i>
                                旅舍加盟
                            </router-link>
                            <a class="block2-d" href="">
                                <img src="../assets/img/block2-4.jpg" alt="">                            
                            </a>
                        </div>

                        </div>
                    </div>
                </div>
        </div>
        <my-footer></my-footer>
    </div>
   
</template>

<script>
import MyHeader from '../components/MyHeader.vue'
import MyFooter from '../components/MyFooter.vue'
    export default {
        data() {
            return {
                now: 3
            }
        },
        components:{ MyHeader,MyFooter },
    }
</script>

<style lang="scss" scoped>
#page-bg {
    background-color: #f5f5f5;
    .banner {
        img {
            display: block;
            width: 100%;
        }
    }
    .exhibition {
        color: #333;
        position: relative;
        top: -60px;
        z-index: 200;
        width: 1080px;
        margin: 0 auto;
        #content {
            display: flex;
            justify-content: space-between;
            .content-left {
                width: 810px;
                overflow: hidden;
                .public-introduction {
                    background-color: #fff;
                    padding: 25px 50px 100px 50px;
                    
                    h2 {
                        font-size: 30px;
                        margin-bottom: 30px;
                    }
                    p {
                        font-size: 16px;
                        text-align: justify;
                        line-height: 26px;
                        text-indent: 2em;
                        margin-bottom: 14px;
                        strong {
                            font-weight: bold;
                        }
                        a {
                            text-decoration: none;
                            color: #00e;
                        }
                    }
                    div {
                        text-align: center;
                        vertical-align: center;
                        p {
                            text-align: center;
                        }

                    }

                }
            }
            .content-right {
                width: 240px;
                .introduction-nav {
                    margin-bottom: 30px;
                    li {
                        height: 60px;
                        line-height: 60px;
                        padding: 0 20px; 
                        background-color: #fff;        
                        &:first-child {
                            color: #fff;
                            font-weight: bold;   
                            background: none; 
                        }               
                        &.active {
                            background-color: rgba(135, 197, 36, 0.9);
                            a{
                                color: #fff;
                                font-weight: bold;   
                                background: none;                             
                            }                                              
                        }
                        a {
                            color: #333;
                            text-decoration: none;
                            border-bottom: 1px solid #eee;
                            display: block;
                            background: url(http://www.yhachina.com/images/exhibition/introduction-nav-icon.png) no-repeat right center;
                        }
                        &:hover {
                                background-color: rgba(135, 197, 36, 0.7);
                                a {
                                    color: #fff;
                                }
                            }
                    }
                    
                }
                .block2 {
                    a {
                        display: block;
                        text-decoration: none;
                        font-size: 18px;
                        color: #fff;
                        font-weight: bold;
                        height: 80px;
                        line-height: 80px;
                        margin-bottom: 1px;
                        background-image: url(../assets/img/exhibition-r-icon4.png);
                        background-repeat: no-repeat;
                        background-position: right 20px center;
                        border-radius: 5px;
                        &.block2-a {
                            background-color: #87c524;
                            i {
                            display: inline-block;
                            width: 30px;
                            height: 30px;
                            background-image: url(../assets/img/app_z.png);
                            background-position:-389px -422px ;
                            vertical-align: middle;
                            margin: 0 10px 0 20px;
                        }
                        }
                        &.block2-b {
                            background-color: #f7941c;
                            i {
                            display: inline-block;
                            width: 30px;
                            height: 30px;
                            background-image: url(../assets/img/app_z.png);
                            background-position:-419px -422px ;
                            vertical-align: middle;
                            margin: 0 10px 0 20px;
                        }
                        }
                        &.block2-c {
                            background-color: #4b8fcc;
                            i {
                            display: inline-block;
                            width: 30px;
                            height: 30px;
                            background-image: url(../assets/img/app_z.png);
                            background-position:-476px -60px ;
                            vertical-align: middle;
                            margin: 0 10px 0 20px;
                        }
                        }
                        &.block2-d {
                            border: none;
                        }

                    }
                }
            }
        }
    }

}
</style>